<html>
  <head>
    <base href="/my-base-path/demo/base-path/" />
  </head>

  <body>
    <img width="100" src="../logo.png" />

    <h1>Demo app</h1>

    <p>
      <a href="foo/">Foo</a>
    </p>

    <p>
      <a href="bar/">Bar</a>
    </p>

    <div id="app"></div>
    <div id="inlineApp"></div>
    <div id="test"></div>
  </body>

  <script type="module">
    /* eslint-disable */
    import { foo } from './module-b.js';
    console.log('inline module 0', foo());
  </script>

  <script type="module">
    import './module-a.js';

    window.__tests = {
      moduleLoaded: window.__moduleALoaded && window.__moduleBLoaded,
    };
    document.getElementById('test').innerHTML = `<pre>${JSON.stringify(
      window.__tests,
      null,
      2,
    )}</pre>`;
  </script>
</html>
